<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>欢迎注册速用科技管理系统</title>
<meta name="keywords" content="">
<meta name="description" content="加入速用。专业小程序开发，体验科技的魅力">
<link rel="stylesheet" href="/css/layui.css" media="all">
<link href="/css/style.css?v=4.1.0" th:href="@{/css/style.css?v=4.1.0}"  rel="stylesheet">
 <link href="css/bootstrap.min.css?v=3.3.6" th:href="@{/css/bootstrap.min.css?v=3.3.6}" rel="stylesheet">
</head>
<body>
	<blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 50px">
	
	
	<div class="ibox-content" style="background-image: url('/img/invite.jpg')">
	    
		<div class="row">
			<div class="col-xs-4"></div>
			<div class="col-xs-4">
				<div class="group1">
					<h2>邀请好友   注册成功即可获得<label th:text="${coin}"></label>速用币奖励</h2>
					<br>
					<p>
						邀请好友注册速用科技,开启您的致富之旅吧！<br>
				  <!--开始 -->
				<div class="bdsharebuttonbox">
				            <a href="#" class="bds_more" data-cmd="more"></a>
							<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
							<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
							<a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a>
							<a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a>
							<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
							<a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a></div>
    <script th:inline="javascript">
		window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"1","bdMiniList":false,"bdPic":"http://yeahsoon.com/img/favicon.png","bdStyle":"0","bdSize":"24","bdUrl": [[${url}]]},
		"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
   </script>			         
			         
			         
                  <!--结束  -->
                  </div>
				<div class="group2"
					style="background-color: #F1F2F5">
					<br>
					<h3>分享您的专属邀请链接</h3>
					<br>
					<div class="invite-link-block-2j8">
						<input class="form-control" type="text" id="inviteLink" th:value="${url}"> <br>
						<input class="btn" type="button" value="复制链接"
							onclick="copyLink();">
						

					</div>
				</div>
			</div>
			<div class="col-xs-4"></div>
		</div>
		<div class="row">
			<div class="col-xs-4"></div>
			<div class="col-xs-4">
				<div class="group3"
					style="background-color: #F1F2F5; margin-top: 74px">
					<h3>分享您的专属邀请码</h3>
					<input type="text" class="form-control" id="inviteCode" th:value="${code}"> <br>
					<input type="button" class="btn" value="复制邀请码"
						onclick="copyInviteCode();">
				</div>
				<br>
				<div class="group4" style="background-color: #F1F2F5">
				
				</div>
			</div>
			<div class="col-xs-4"></div>
		</div>
	</div>



	<div th:include="include :: footer"></div>
	</blockquote>
	
<script src="/js/jquery.min.js?v=2.1.4"  th:src="@{/js/jquery.min.js?v=2.1.4}"></script>	
<script src="/js/layui.js" charset="utf-8"></script>

<script th:inline="javascript">
	function copyLink() {
		var inviteLink = document.getElementById("inviteLink");
		inviteLink.select(); // 选择对象
		document.execCommand("Copy"); // 执行浏览器复制命令
		layer.msg('已复制好链接，可贴粘。');
	}

	function copyInviteCode() {
		var inviteLink = document.getElementById("inviteCode");
		inviteLink.select(); // 选择对象
		document.execCommand("Copy"); // 执行浏览器复制命令
		layer.msg('已复制好邀请码，可贴粘。');
	}
	
	
	
</script>	
</body>
</html>